<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title>美甲师订单</ion-title>
    <ion-buttons end style="text-align: right;">
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <div style="margin-top:0.3rem;" *ngIf="flag">
        <div  *ngFor="let list of nailerList, let i = index">
          <div class="head">
            <div class="left">
              <img src="{{picrooturl}}{{list.shop_logo}}" alt="">
            </div>
            <span class="text">{{list.shop_name}}</span>
            <div class="right">{{list.order_time}}</div>
          </div>
          <ion-item>
            <ion-avatar item-start>
              <img src="{{picrooturl}}{{list.nail_album}}">
            </ion-avatar>
            <div class="left">
              <span class="nailname">{{list.nail_name}}</span>
              <span class="text">价格：<span class="orderpay">￥{{list.order_price}}</span></span><br>
              <span>有效期：{{list.expiration_time}}</span>
            </div>
          </ion-item>
        </div>
    </div>
    <div *ngIf="!flag">
      <p style="text-align:center;margin-top:50%;color:#999">暂无美甲师订单</p>
    </div>
</ion-content>